<!doctype html>
<html>

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>关于我们</title>
  <meta name="description" content="企业站, 关于我们, 山东省青岛市市南区某某中路20号">
</head>

<body>
  <div class="app">
    <header class="relative bg-zinc-800 w-full min-h-132px-vw lg:min-h-100px">
      <div class="absolute w-full flex justify-between z-50">
        <a class="logo inline-block w-144px-vw h-48px-vw mt-42px-vw ml-42px-vw lg:w-36 lg:h-12 lg:mt-8 lg:ml-12"
          href="index.html" title="企业站"></a>
        <a class="icon icon-menu menu text-white text-38px-vw mt-42px-vw mr-48px-vw lg:hidden" href="javascript:;"
          title="菜单"></a>
        <nav class="nav-mb lg:nav-pc">
          <div class="nav-bg-mask lg:hidden"></div>
          <div class="links">
            <a class="icon icon-close close text-white text-38px-vw absolute z-20 right-42px-vw top-42px-vw lg:hidden"
              href="javascript:;"></a>
            <a class="link " href="index.html">首页</a>
            <a class="link " href="news.html">新闻列表页</a>
            <a class="link current" href="about.html">关于我们</a>
          </div>
        </nav>
      </div>
    </header>
    <main class="w-full flex flex-col">
      <section class="w-full relative pb-54px-vw overflow-hidden">
        <div class="decorate-title font-normal text-white absolute z-10 
        top-64px-vw text-64px-vw 
        lg:top-9 w-1131px-1vw lg:h-163px-1vw left-1131px-1vw-60left lg:text-128px-1vw">About us</div>
        <div class="relative z-20 text-48px-vw mt-94px-vw text-black text-center 
        lg:text-48px-1vw lg:mt-118px-1vw">关于我们</div>
        <div class="relative z-20 bg-red-500 
        w-128px-vw h-8px-vw mx-auto mt-32px-vw
        lg:w-118px-1vw lg:h-6px-1vw lg:mt-8">
          <!--下划线-->
        </div>
        <div class="flex flex-col mt-54px-vw lg:flex-row lg:justify-center">
          <div class="w-full h-466px-vw lg:w-750px-1vw lg:h-309px-1vw" id="container"></div>
          <script type="text/javascript"
            src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=OtAmVoCMHNbgpTh55GXjkggBffUmAdj4">
            </script>
          <script>
            (function () {
              var map = new BMapGL.Map("container");
              //创建地址解析器实例
              var myGeo = new BMapGL.Geocoder();
              // 将地址解析结果显示在地图上，并调整地图视野
              let adderss = '山东省青岛市市南区某某中路20号';
              myGeo.getPoint(adderss, function (point) {
                if (point) {
                  map.centerAndZoom(point, 16);
                  map.addOverlay(new BMapGL.Marker(point, { title: adderss }));
                }
              })
            })();
          </script>
          <div class="mt-54px-vw pl-36px-vw text-black lg:w-820px-1vw lg:mt-0 lg:pl-24px-1vw">
            <div class="font-semibold text-left text-32px-vw lg:text-24px-1vw">一家专注系统高端定制开发的公司
            </div>
            <div class="p mt-24px-vw text-28px-vw leading-48px-vw lg:text-14px-1vw lg:mt-24px-1vw">
              <p>互联网指的是是网络与网络之间所串连成的庞大网络，这些网络以一组通用的协议相连，形成逻辑上的单一巨大国际网络。
              </p>
              <p>互联网始于1969年美国的阿帕网。这种将计算机网络互相联接在一起的方法可称作“网络互联”，在这基础上发展出覆盖全世界的全球性互联网络称互联网，即是互相连接一起的网络结构。
              </p>
              <p>
              我们出色的专业开发团队扎实的技术支持，优质高效的服务意识和丰厚的资源优势，提供专业的网站建设，微信小程序，APP开发，等技术服务。成果，专注于为客户提供专业有效的互联网系统解决方案。
              </p>
            </div>
            <div class="mt-54px-vw text-28px-vw leading-48px-vw lg:text-14px-1vw lg:mt-24px-1vw"><i class="icon icon-location"></i>地址：中国山东省青岛市市南区某某中路20号</div>
            <div class="mt-24px-vw text-28px-vw leading-48px-vw lg:text-14px-1vw lg:mt-16px-1vw"><i class="icon icon-email"></i>邮箱：<a href="mailto:1370XXX171@qq.com">1370XXX171@qq.com</a></div>
            <div class="mt-24px-vw text-28px-vw leading-48px-vw lg:text-14px-1vw lg:mt-16px-1vw"><i class="icon icon-tel"></i>电话：<a href="tel:0591-88888888">0591-88888888</a></div>
          </div>
        </div>
      </section>
    </main>
    <footer class="bg-footerbg">
      <div class="flex justify-center flex-col lg:flex-row">
        <div class="text-white text-24px-vw ml-64px-vw mt-32px-vw lg:text-16px lg:mt-12">地址：中国山东省青岛市市南区某某中路20号</div>
        <div class="text-white text-24px-vw ml-64px-vw mt-32px-vw lg:text-16px lg:mt-12">邮箱：<a href="mailto:1370XXX171@qq.com">1370XXX171@qq.com</a></div>
        <div class="text-white text-24px-vw ml-64px-vw mt-32px-vw lg:text-16px lg:mt-12">电话：<a href="tel:0591-88888888">0591-88888888</a></div>
      </div>
      <div class="flex justify-center mt-32px-vw pb-54px-vw ml-64px-vw mr-42px-vw lg:mt-12 lg:pb-12">
        <img alt="二维码" data-src="../public/res-img/qrcode-original.jpg" class="lazyload w-72px-vw h-72px-vw lg:w-12 lg:h-12" />
        <div class="text-white text-24px-vw ml-12px-vw lg:text-16px lg:ml-3 lg:mt-3">Copyright © 2009 - 2022 Cld , All
          Rights Reserved 某某网络科技有限公司 版权所有
          陕ICP备xxxxxxx号</div>
      </div>
    </footer>
  </div>
</body>

</html>